// 背景图片样式
#member-all {
  #tool {
    background-color: #fff;
    overflow: hidden;
    color: #333;

    .title {
      display: flex;
      height: 2.5rem;
      line-height: 2.5rem;
      padding: 0 0.875rem;
      margin-bottom: 0.625rem;
      // border: solid 1px #f3f3f3;
    }

    .spare {
      width: 0.25rem;
      height: 1rem;
      border-radius: 0.0625rem;
      background-color: #f15353;
      margin-top: 0.75rem;
      margin-right: 0.375rem;
    }

    h3 {
      color: #333;
      text-align: left;
      font-size: 16px;
      box-sizing: border-box;
    }

    ul {
      display: flex;
      flex-wrap: wrap;
    }

    li img {
      width: 1.75rem;
      margin: auto auto 0.25rem auto;
      display: block;
    }

    ul li {
      -webkit-box-flex: 1;
      width: 25%;
      position: relative;
      box-sizing: border-box;
      text-align: center;
      font-size: 12px;
      margin-bottom: 0.625rem;
      color: #666;

      .span {
        line-height: 1.875rem;
      }
    }

    ul li i {
      border-radius: 0.625rem;
      line-height: 2.25rem;
      font-size: 32px;
      margin-bottom: 0.25rem;
      display: inline-block;
      color: rgb(241, 83, 83);
      width: 2.25rem;
      height: 2.25rem;
    }

    .icon-yinhangqia {
      background:
        url("../../../assets/images/member/tool_a(10).png") no-repeat
        center;
      background-size: 1.75rem;
    }

    .tool-box {
      display: -webkit-box;
      display: -webkit-flex;
      // padding: 1.25rem 0 0.625rem 0;
    }
  }

  #templet_box {
    margin-top: 0.625rem;

    .iconfont {
      display: inline-block;
      font-size: 1.75rem;
      color: rgb(241, 83, 83);
      background-size: 1.75rem;
      width: 1.75rem;
      height: 1.75rem;
    }

    .extension_plate {
      margin-bottom: 0.625rem;
      background: #fff;

      h1 {
        font-size: 16px;
        height: 2.5rem;
        line-height: 2.5rem;
        text-align: left;
        padding: 0 0.875rem;
        display: flex;

        .spare {
          width: 0.25rem;
          height: 1rem;
          border-radius: 0.0625rem;
          background-color: #f15353;
          margin-top: 0.75rem;
          margin-right: 0.375rem;
        }
      }

      .box {
        display: flex;
        flex-wrap: wrap;
        padding: 0.625rem 0;

        li {
          width: 25%;
          margin-bottom: 0.625rem;
          position: relative;

          img {
            width: 1.75rem;
            margin: 0 auto;
            display: block;
          }

          span {
            font-size: 12px;
            line-height: 1.875rem;
            display: block;
            color: #666;
          }

          .Badge {
            height: 0.875rem;
            line-height: 0.875rem;
            font-size: 0.75rem;
            color: #fff;
            padding: 0 0.25rem;
            border-radius: 1rem;
            background-color: #f15353;
            position: absolute;
            top: -5px;
            left: 55%;
          }
        }
      }
    }
  }
}
